<template>
  <h2 ref="laoba">jahsdflkasdhfj</h2>
  <button ref="laobabtn">baba</button>
  <show-info ref="laobac"></show-info>
</template>

<script>
import { onMounted, ref } from 'vue'
import ShowInfo from './Shoeinfo.vue'
  export default {
    components: {
      ShowInfo
    },
    setup() {
      const laoba = ref()
      const laobabtn = ref() 
      const laobac = ref()
      onMounted(() => {
          console.log(laoba.value)
          console.log(laobac.value)
        }
      )
      return {
        laoba,
        laobabtn
      }
    }
  }
</script>

<style scoped>
</style>